<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>元素小米商城</title>
		<link rel="stylesheet" type="text/css" href="css/style.css">
	</head>
	<body>
		<header>
			<div class="top">
			<div class="left">
				<a href="">小米商城</a>
				<span>丨</span>
				<a href="">MIUI</a>
				<span>丨</span>
				<a href="">IOT</a>
				<span>丨</span>
				<a href="">云服务</a>
				<span>丨</span>
				<a href="">金融</a>
				<span>丨</span>
				<a href="">有品</a>
				<span>丨</span>
				<a href="">小爱开放平台</a>
				<span>丨</span>
				<a href="">企业团购</a>
				<span>丨</span>
				<a href="">资质证照</a>
				<span>丨</span>
				<a href="">协议规则</a>
				<span>丨</span>
				<a href="">下载app</a>
				<span>丨</span>
				<a href="">Select Location</a>
			</div>
			<div class="right">
				<a href="">登录</a>
				<span>丨</span>
				<a href="">注册</a>
				<span>丨</span>
				<a href="">消息通知</a>
				<a href="" class="gwc">购物车<span>（0）</span>
				<div class="msg">
					<p>购物车中还没有商品</p>
				</div>
				</a>
			</div>
			</div>
		</header>
		<section>
			<div class="logo-box"><a href="">
			<img src="img/mi-logo.png" class="logo">
			<img src="img/mi-home.png" class="home">
			</a></div>
			<div class="nav">
				<ul>
					<li><a href="">小米手机</a></li>
					<li><a href="">Redmi红米</a></li>
					<li><a href="">电视</a></li>
					<li><a href="">笔记本</a></li>
					<li><a href="">家电</a></li>
					<li><a href="">路由器</a></li>
					<li><a href="">智能硬件</a></li>
					<li><a href="">服务</a></li>
					<li><a href="">社区</a></li>
				</ul>
			</div>
			<div class="searth">
				<input type="text" placeholder="小米手环" class="input"/>
				<div class="yy"><a href="">搜索</a></div>
			</div>
		</section>
		<div class="bonner">
			<div class="left">
				<ul>
					<li><a href="">
					<span>手机 电话卡</span>
					<b> > </b>
					</a>
					<div class="fl">
						<ul>
							<li><a href="">
							<img src="img/1.png" >
							<span>Redmi9</span>
							</a></li>
							<li><a href="">
							<img src="img/1.png" >
							<span>小米10 4G</span></a></li>
							<li><a href="">
							<img src="img/1.png" >
							<span>小米10 5G 系列</span></a></li>
							<li><a href="">
							<img src="img/1.png" >
							<span>小米10 青春版</span></a></li>
							<li><a href="">
							<img src="img/1.png" >
							<span>Redmi K30 Pro</span></a></li>
							<li><a href="">
							<img src="img/1.png" >
							<span>Redmi K30 Pro 变焦版</span></a></li>
							<li><a href="">
							<img src="img/2.png" >
							<span>腾讯黑鲨游戏手机3</span></a></li>
							<li><a href="">
							<img src="img/2.png" >
							<span>腾讯黑鲨游戏手机3 Pro</span></a></li>
							<li><a href="">
							<img src="img/5.jpeg" >
							<span>小米10 Pro</span></a></li>
							<li><a href="">
							<img src="img/5.jpeg" >
							<span>小米10</span></a></li>
							<li><a href="">
							<img src="img/1.png" >
							<span>Redmi K30 4G</span></a></li>
							<li><a href="">
							<img src="img/5.jpeg" >
							<span>Redmi K30 5G</span></a></li>
							<li><a href=""><img src="img/5.jpeg" >
							<span>Redmi 8A</span>
							</a></li>
							<li><a href="">
							<img src="img/5.jpeg" >
							<span>Redmi 8</span></a></li>
							<li><a href="">
							<img src="img/6.png" >
							<span>小米MIX Alpha</span></a></li>
							<li><a href="">
							<img src="img/6.png" >
							<span>Redmi Note 8 Pro</span></a></li>
							<li><a href="">
							<img src="img/6.png" >
							<span>Redmi Note 8</span></a></li>
							<li><a href="">
							<img src="img/6.png" >
							<span>Redmi 7A</span></a></li>
							<li><a href="">
							<img src="img/4.jpg" >
							<span>移动4G+专区</span></a></li>
							<li><a href="">
							<img src="img/4.jpg" >
							<span>小米移动 电话卡</span></a></li>
							<li><a href="">
							<img src="img/4.jpg" >
							<span>手机上门维修</span></a></li>
							<li><a href="">
							<img src="img/4.jpg" >
							<span>云服务空间月卡</span></a></li>
							<li><a href="">
							<img src="img/4.jpg" >
							<span>中国电信</span></a></li>
						</ul>
					</div>
					</li>
					<li><a href="">
					<span>电视 盒子</span>
					<b> > </b>
					</a>
					<div class="fl">
					<ul>
						<li><a href="">
						<img src="img/7.jpg" >
						<span>小米电视 大师 65英寸OL...</span>
						</a></li>
						<li><a href="">
						<img src="img/7.jpg" >
						<span>小米电视5 75英寸</span></a></li>
						<li><a href="">
						<img src="img/7.jpg" >
						<span>全面屏电视Pro 55英寸</span></a></li>
						<li><a href="">
						<img src="img/7.jpg" >
						<span>小米电视4A 58英寸</span></a></li>
						<li><a href="">
						<img src="img/7.jpg" >
						<span>Redmi 智能电视 X65</span></a></li>
						<li><a href="">
						<img src="img/7.jpg" >
						<span>小米电视5 Pro 55英寸</span></a></li>
						<li><a href="">
						<img src="img/7.jpg" >
						<span>小米壁画电视 65英寸</span></a></li>
						<li><a href="">
						<img src="img/7.jpg" >
						<span>小米电视4A 65英寸</span></a></li>
						<li><a href="">
						<img src="img/7.jpg" >
						<span>Redmi 智能电视 X55</span></a></li>
						<li><a href="">
						<img src="img/7.jpg" >
						<span>小米电视5 Pro 65英寸</span></a></li>
						<li><a href="">
						<img src="img/7.jpg" >
						<span>小米全面屏电视</span></a></li>
						<li><a href="">
						<img src="img/7.jpg" >
						<span>小米电视4C 32英寸</span></a></li>
						<li><a href="">
						<img src="img/7.jpg" >
						<span>Redmi 智能电视 MAX98"</span>
						</a></li>
						<li><a href="">
						<img src="img/7.jpg" >
						<span>小米电视5 Pro 75英寸</span></a></li>
						<li><a href="">
						<img src="img/7.jpg" >
						<span>小米电视4A 32英寸</span></a></li>
						<li><a href="">
						<img src="img/7.jpg" >
						<span>小米电视4C 40英寸</span></a></li>
						<li><a href="">
						<img src="img/7.jpg" >
						<span>小米电视5 55英寸</span></a></li>
						<li><a href="">
						<img src="img/7.jpg" >
						<span>Redmi 红米电视 70英寸</span></a></li>
						<li><a href="">
						<img src="img/7.jpg" >
						<span>小米电视4A 50英寸</span></a></li>
						<li><a href="">
						<img src="img/7.jpg" >
						<span>小米电视4C 43英寸</span></a></li>
						<li><a href="">
						<img src="img/7.jpg" >
						<span>小米电视5 65英寸</span></a></li>
						<li><a href="">
						<img src="img/7.jpg" >
						<span>全面屏电视Pro 65英寸</span></a></li>
						<li><a href="">
						<img src="img/7.jpg" >
						<span>小米电视4A 55英寸</span></a></li>
						<li><a href="">
						<img src="img/7.jpg" >
						<span>小米电视4C 50英寸</span></a></li>
					</ul>
					</div></li>
					<li><a href="">
					<span>笔记本 显示器</span>
					<b> > </b>
					</a>
					<div class="fl1">
						<ul>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>RedmiBook 13</span>
							</a></li>
							<li><a href="">
							<img src="img/9.jpg" >
							<span>显示器</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米笔记本 15.6"</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米平板</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米笔记本 13.3"</span>
							</a></li>
							<li><a href="">
							<img src="img/10.jpg" >
							<span>键盘套装</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米笔记本 12.5"</span>
							</a></li>
							<li><a href="">
							<img src="img/11.png" >
							<span>鼠标</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>RedmiBook 14</span>
							</a></li>
							<li><a href="">
							<img src="img/12.png" >
							<span>转接器</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米游戏本</span>
							</a></li>
							<li><a href="">
							<img src="img/13.jpg" >
							<span>平板配件</span>
							</a></li>
						</ul>
					</div>
					</li>
					<li><a href="">
					<span>家电 插线板</span>
					<b> > </b>
					</a>
					<div class="fl1">
						<ul>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>RedmiBook 13</span>
							</a></li>
							<li><a href="">
							<img src="img/9.jpg" >
							<span>显示器</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米笔记本 15.6"</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米平板</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米笔记本 13.3"</span>
							</a></li>
							<li><a href="">
							<img src="img/10.jpg" >
							<span>键盘套装</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米笔记本 12.5"</span>
							</a></li>
							<li><a href="">
							<img src="img/11.png" >
							<span>鼠标</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>RedmiBook 14</span>
							</a></li>
							<li><a href="">
							<img src="img/12.png" >
							<span>转接器</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米游戏本</span>
							</a></li>
							<li><a href="">
							<img src="img/13.jpg" >
							<span>平板配件</span>
							</a></li>
						</ul>
					</div>
					</li>
					<li><a href="">
					<span>出行 穿戴</span>
					<b> > </b>
					</a>
					<div class="fl1">
						<ul>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>RedmiBook 13</span>
							</a></li>
							<li><a href="">
							<img src="img/9.jpg" >
							<span>显示器</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米笔记本 15.6"</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米平板</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米笔记本 13.3"</span>
							</a></li>
							<li><a href="">
							<img src="img/10.jpg" >
							<span>键盘套装</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米笔记本 12.5"</span>
							</a></li>
							<li><a href="">
							<img src="img/11.png" >
							<span>鼠标</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>RedmiBook 14</span>
							</a></li>
							<li><a href="">
							<img src="img/12.png" >
							<span>转接器</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米游戏本</span>
							</a></li>
							<li><a href="">
							<img src="img/13.jpg" >
							<span>平板配件</span>
							</a></li>
						</ul>
					</div>
					</li>
					<li><a href="">
					<span>智能 路由器</span>
					<b> > </b>
					</a>
					<div class="fl1">
						<ul>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>RedmiBook 13</span>
							</a></li>
							<li><a href="">
							<img src="img/9.jpg" >
							<span>显示器</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米笔记本 15.6"</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米平板</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米笔记本 13.3"</span>
							</a></li>
							<li><a href="">
							<img src="img/10.jpg" >
							<span>键盘套装</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米笔记本 12.5"</span>
							</a></li>
							<li><a href="">
							<img src="img/11.png" >
							<span>鼠标</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>RedmiBook 14</span>
							</a></li>
							<li><a href="">
							<img src="img/12.png" >
							<span>转接器</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米游戏本</span>
							</a></li>
							<li><a href="">
							<img src="img/13.jpg" >
							<span>平板配件</span>
							</a></li>
						</ul>
					</div>
					</li>
					<li><a href="">
					<span>电源 配件</span>
					<b> > </b>
					</a>
					<div class="fl1">
						<ul>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>RedmiBook 13</span>
							</a></li>
							<li><a href="">
							<img src="img/9.jpg" >
							<span>显示器</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米笔记本 15.6"</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米平板</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米笔记本 13.3"</span>
							</a></li>
							<li><a href="">
							<img src="img/10.jpg" >
							<span>键盘套装</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米笔记本 12.5"</span>
							</a></li>
							<li><a href="">
							<img src="img/11.png" >
							<span>鼠标</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>RedmiBook 14</span>
							</a></li>
							<li><a href="">
							<img src="img/12.png" >
							<span>转接器</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米游戏本</span>
							</a></li>
							<li><a href="">
							<img src="img/13.jpg" >
							<span>平板配件</span>
							</a></li>
						</ul>
					</div>
					</li>
					<li><a href="">
					<span>健康 儿童</span>
					<b> > </b>
					</a>
					<div class="fl1">
						<ul>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>RedmiBook 13</span>
							</a></li>
							<li><a href="">
							<img src="img/9.jpg" >
							<span>显示器</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米笔记本 15.6"</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米平板</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米笔记本 13.3"</span>
							</a></li>
							<li><a href="">
							<img src="img/10.jpg" >
							<span>键盘套装</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米笔记本 12.5"</span>
							</a></li>
							<li><a href="">
							<img src="img/11.png" >
							<span>鼠标</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>RedmiBook 14</span>
							</a></li>
							<li><a href="">
							<img src="img/12.png" >
							<span>转接器</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米游戏本</span>
							</a></li>
							<li><a href="">
							<img src="img/13.jpg" >
							<span>平板配件</span>
							</a></li>
						</ul>
					</div>
					</li>
					<li><a href="">
					<span>耳机 音箱</span>
					<b> > </b>
					</a>
					<div class="fl1">
						<ul>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>RedmiBook 13</span>
							</a></li>
							<li><a href="">
							<img src="img/9.jpg" >
							<span>显示器</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米笔记本 15.6"</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米平板</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米笔记本 13.3"</span>
							</a></li>
							<li><a href="">
							<img src="img/10.jpg" >
							<span>键盘套装</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米笔记本 12.5"</span>
							</a></li>
							<li><a href="">
							<img src="img/11.png" >
							<span>鼠标</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>RedmiBook 14</span>
							</a></li>
							<li><a href="">
							<img src="img/12.png" >
							<span>转接器</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米游戏本</span>
							</a></li>
							<li><a href="">
							<img src="img/13.jpg" >
							<span>平板配件</span>
							</a></li>
						</ul>
					</div>
					</li>
					<li><a href="">
					<span>生活 箱包</span>
					<b> > </b>
					</a>
					<div class="fl1">
						<ul>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>RedmiBook 13</span>
							</a></li>
							<li><a href="">
							<img src="img/9.jpg" >
							<span>显示器</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米笔记本 15.6"</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米平板</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米笔记本 13.3"</span>
							</a></li>
							<li><a href="">
							<img src="img/10.jpg" >
							<span>键盘套装</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米笔记本 12.5"</span>
							</a></li>
							<li><a href="">
							<img src="img/11.png" >
							<span>鼠标</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>RedmiBook 14</span>
							</a></li>
							<li><a href="">
							<img src="img/12.png" >
							<span>转接器</span>
							</a></li>
							<li><a href="">
							<img src="img/8.jpg" >
							<span>小米游戏本</span>
							</a></li>
							<li><a href="">
							<img src="img/13.jpg" >
							<span>平板配件</span>
							</a></li>
						</ul>
					</div>
					</li>
				</ul>
			</div>
			<div class="right"></div>
		</div>
		<div class="bonner1">
			<ul>
				<li class="xiaomi"><a href="">
				<ul>
					<li><a href="">
					<img src="img/xm.png">
					<span>小米秒杀</span>
					</a></li>
					<li><a href="">
					<img src="img/qy.png">
					<span>企业团购</span>
					</a></li>
					<li><a href="">
					<img src="img/fm.png">
					<span>F码通道</span>
					</a></li>
					<li><a href="">
					<img src="img/mf.png">
					<span>米粉卡</span>
					</a></li>
					<li><a href="">
					<img src="img/yjhx.png">
					<span>以旧换新</span>
					</a></li>
					<li><a href="">
					<img src="img/hfcz.png">
					<span>话费充值</span>
					</a></li>
				</ul>
				</a></li>
				<li class="xiaomi1"><a href="">
				<img src="img/k301.jpg">
				</a></li>
				<li class="xiaomi2"><a href="">
				<img src="img/k302.jpg">
				</a></li>
				<li class="xiaomi3"><a href="">
				<img src="img/xmsh.jpg">
				</a></li>
			</ul>
		</div>
	</body>
</html>
